<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/guide-index.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <title>京东分类信息页</title>
</head>

<body>
<div class="contain clearfix">
    <div class="search">
        <div class="mbri-arrow-prev back"></div>
        <div class="text">
            <form action=""><input type="text" placeholder="日系复古男装"/></form>
        </div>
        <div class="mbri-menu menu"></div>
    </div>
    <div class="main clearfix">
        <div class="guide fl">
            <ul>
                <li><a href="javascript:;">热门推荐</a></li>
                <li class="active"><a href="javascript:;">潮流女装</a></li>
                <li><a href="javascript:;">品牌男装</a></li>
                <li><a href="javascript:;">内衣配饰</a></li>
                <li><a href="javascript:;">家用电器</a></li>
                <li><a href="javascript:;">电脑办公</a></li>
                <li><a href="javascript:;">手机数码</a></li>
                <li><a href="javascript:;">母婴频道</a></li>
                <li><a href="javascript:;">图书</a></li>
                <li><a href="javascript:;">家居家纺</a></li>
                <li><a href="javascript:;">居家生活</a></li>
                <li><a href="javascript:;">家具建材</a></li>
                <li><a href="javascript:;">品牌男装</a></li>
                <li><a href="javascript:;">内衣配饰</a></li>
                <li><a href="javascript:;">家用电器</a></li>
                <li><a href="javascript:;">电脑办公</a></li>
                <li><a href="javascript:;">手机数码</a></li>
                <li><a href="javascript:;">母婴频道</a></li>
                <li><a href="javascript:;">图书</a></li>
            </ul>
        </div>
        <div class="detail fl">
            <div class="d_banner clearfix">
                <ul class="banner_ul">
                    <li><a href="javascript:;"><img src="uploads/banner_1.jpg" alt=""/></a></li>
                    <li><a href="javascript:;"><img src="uploads/banner_1.jpg" alt=""/></a></li>
                </ul>
            </div>
            <h3 class="detailtag">热门分类</h3>
            <div class="detail_b" id="detail_b">
                <ul>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                    <li><img src="uploads/detail01.jpg" alt=""/>

                        <p>针织衫</p></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
<!--引入swipe插件，实现焦点图轮播-->
<script src='js/swipe.js'></script>
<script>
    window.mySwipe = Swipe(document.querySelector(".d_banner"), {
        auto: 3000
    });
</script>
<!--引入Iscroll插件，实现右侧商品触摸上下滑动-->
<script src="js/zepto.min.js"></script>
<script src='js/iscroll.js'></script>
<!--引入fastclick插件，并写回调函数实现左侧导航点击效果-->
<script src="js/fastclick.js"></script>
<script src="js/guide-index.js"></script>
</html>